<link rel="stylesheet" href="{{ url_for('static', filename='css/chat.css') }}">

<div id="chat-panel" class="chat-panel">
  <div class="chat-header">
    <i class="fas fa-comments"></i> 作战群聊
    <span id="chat-status" class="float-end"><i class="fas fa-circle text-success"></i></span>
  </div>

  <div id="chat-messages" class="chat-messages"></div>

  <div class="chat-input-group">
    <input id="chatInput" type="text" maxlength="500"
           placeholder="按 Enter 发送消息..." class="form-control form-control-sm">
    <button id="chatSend" class="btn btn-sm btn-primary">发送</button>
  </div>
</div>

<script src="https://cdn.socket.io/4.7.2/socket.io.min.js"></script>
<script src="{{ url_for('static', filename='js/chat.js') }}"></script>